$(function () {
    timi();
    function timi() {
        mui.init({
            pullRefresh: {
                container: "#refreshContainer",//下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
                down: {
                    style: 'circle',//必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式
                    color: '#2BD009', //可选，默认“#2BD009” 下拉刷新控件颜色
                    height: '50px',//可选,默认50px.下拉刷新控件的高度,
                    range: '100px', //可选 默认100px,控件可下拉拖拽的范围
                    offset: '0px', //可选 默认0px,下拉刷新控件的起始位置
                    auto: true,//可选,默认false.首次加载自动上拉刷新一次
                    callback: function () {
                        // console.log(123);
                        queryCart(function (result) {
                            // console.log(result);
                            var html = template("itemT", { da: result });
                            // console.log(html);
                            $("#OA_task_2").html(html);
                            mui('#refreshContainer').pullRefresh().endPulldownToRefresh();
                            //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
                        })

                    }
                }
            }
        });
        //点击款款计算数字change值改变之后再触发要委托方式
        $("#OA_task_2").on("change", ".chkInp", function () {
            // console.log(123);
            var chkLi = $("#OA_task_2 .chkInp:checked");
            // console.log(chkLi.length);
            //获取复选框所在的 商品的价格和数量 
            //总数:
            var taoP = 0;
            for (var i = 0; i < chkLi.length; i++) {
                var jsonObj = $(chkLi[i]).parents(".mui-table-view-cell")[0].dataset.obj;

                var obj = JSON.parse(jsonObj);
                // console.log(obj);
                var price = obj.price;
                //获取数量
                var num = obj.num;
                //计算
                taoP += price * num;
                console.log(taoP);
            }
            $(".order_total_price").html("订单总额:￥" + taoP + "");
        })
        //删除单个商品
        $("#OA_task_2").on("tap", ".deleteBtn", function () {
            // console.log("删除");
            var that = this;
            mui.confirm("你真的要删除吗?", "警告", ["是", "否"], function (e) {
                if (e.index == 0) {
                    var jsonObj = $(that).parents(".mui-table-view-cell")[0].dataset.obj;

                    var obj = JSON.parse(jsonObj);
                    var id = obj.id;
                    // console.log(id);
                    //发送删除请求
                    deleteCart(id);
                } else if (e.index == 1) {
                    //否
                }
            })
        })
        //商品修改
        $("#OA_task_2").on("tap", ".editBtn", function () {
            // console.log("删除");
            var that = this;
            var jsonObj = $(that).parents(".mui-table-view-cell")[0].dataset.obj;
            var obj = JSON.parse(jsonObj);
            obj.sizeArr= $.sizeFor(obj.productSize)
            var html=template("deitT",obj);
            html = html.replace(/\n/g, "");
            mui.confirm(html, "编辑", ["是", "否"], function (e) {
                if (e.index == 0) {
                   var upObj={
                       id:obj.id,
                       size: $(".pro_size span.active").html(),
                       num: $(".mui-numbox-input").val(),
                   }
                    
                    //发送删除请求
                    updateCart(upObj);
                } else if (e.index == 1) {
                   
                }
            })
             // 初始化数字输入框
            mui(".mui-numbox").numbox();
        })
        // $("#OA_task_2").on("tap", ".editBtn", function () {
        //     console.log("修改");
        //     var that = this;
        //     var jsonObj = $(that).parents(".mui-table-view-cell")[0].dataset.obj;

        //     var obj = JSON.parse(jsonObj);
        //     //给obj增加一个属性：
        //     obj.sizeArr = $.sizeFor(obj.productSize);
        //     var html = template("deitT", obj)
        //     //   console.log(obj);
        //     html = html.replace(/\n/g, "");

        //     mui.confirm(html, "编辑", ["是", "否"], function (a) {
        //         if (a.index == 0) {
        //             // 是

        //             var updataObj = {
        //                 id: obj.id,
        //                 size: $(".pro_size span.active").html(),
        //                 num: $(".mui-numbox-input").val()
        //             };

        //             // 发送修改
        //             updateCart(updataObj);

        //         } else if (a.index == 1) {
        //             // 否
        //         }
        //     })
        //     // 初始化数字输入框
        //     mui(".mui-numbox").numbox();
        // });
        //点击尺码 
        $("body").on("tap", ".pro_size span", function () {
            $(this).addClass("active").siblings().removeClass("active")
        })
    }
    //购物车
    function queryCart(callback) {
        $.ajax({
            url: "/cart/queryCart",
            success: function (result) {
                // console.log(result);
                callback && callback(result);
            }
        });
    }
    //templat.helper插件提供里一个接口让我们可以注册方式 (方法名：方法--) data - obj="{{objTo(value)}}"
    template.helper("objTo", function (value) {
        return JSON.stringify(value);
    })
    //删除根据id
    function deleteCart(id) {
        var arr = [id];
        var obj = { "id": arr }
        $.ajax({
            url: "/cart/deleteCart",
            data: obj,
            success: function (result) {
                if (result.success) {
                    mui("#refreshContainer").pullRefresh().pulldownLoading();
                }
            }
        })
    }

    //修改购物
    function updateCart(data) {
        $.ajax({
            url: "/cart/updateCart",
            type: "post",
            data: data,
            success: function (result) {
                if (result.success) {
                    mui("#refreshContainer").pullRefresh().pulldownLoading();
                } else {
                    console.log(result);
                }
            }
        })
    }
})